<template>
  <div id="author-board">
    <author-board-item />

    <!-- 作者课程开始 -->
    <div class="lessons">
      <div class="item" v-for="i of 3" :key="i">
        <lesson-board-item />
      </div>
    </div>
    <!-- 作者课程结束 -->
  </div>
</template>

<script>
import AuthorBoardItem from "./AuthorBoardItem.vue";
import LessonBoardItem from "./LessonBoardItem.vue";
export default {
  components: { LessonBoardItem, AuthorBoardItem },
};
</script>

<style scoped>

#author-board .lessons {
    margin-left: 10px;
}

#author-board .lessons .item{
    margin-top: 20px;
}
</style>